@layer base {
    :root  {
        --ease-out: cubic-bezier(.36, .66, .04, 1);
        --safe-top: 0rem;
        --safe-bottom: 0rem;
        --header: 3rem;
        --safe-header: calc(var(--header) + var(--safe-top));
        --footer: 3.5rem;
        --safe-footer: calc(var(--footer) + var(--safe-bottom));
        --radius-sm: .125rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
    }
}
.text-secondary {
    color: var(--color-text-white-2);
}
